<!DOCTYPE html>
<html lang="en">
<head>
    <title>{$typedata.title}</title>
    <meta name="description" content="{$typedata.description}" />
    <meta name="keywords" content="{$typedata.keyword}" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <meta name="robots" content="all"/>
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <!-- css -->
    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
    <link href="http://at.alicdn.com/t/font_720477_m00rprc0zfg.css" rel="stylesheet"/>
    <link href="__MOBILE__css/other/am.css" rel="stylesheet"/>
    <link href="__MOBILE__css/other/flexslider.css" rel="stylesheet"/>
    <link href="__MOBILE__css/other/style.css" rel="stylesheet"/>
    <!-- moblie -->
    <link rel="stylesheet" href="__MOBILE__css/style.css">
    <style>
        .webpage{padding: 0 15px;margin-top: 30px;}
        .webpage .singlepro_top{ border-bottom:1px #d3d3d3 solid; padding-bottom: 20px;}
        .webpage .singlepro_top h3.title{ font-size: 21px;color: #333;text-align: center;}
        .webpage .singlepro_top .text{ font-size: 14px;color: #666;}
        .webpage_detail{padding-top: 15px;}
        .webpage_detail ul.filter_menu li select{background: #1a7e67;color: #fff;height: 40px;padding: 10px 20px;font-size: 16px;}
        ul.filtr_container li,ul.filtr_container li a{width: auto;}
        ul.filtr_container li .pic{height: auto;}
        ul.filtr_container li .pic img{display: block;}
        ul.filtr_container li .text_item{padding: 10px 0;}
        ul.filtr_container li .text_item h3._more{font-size: 16px;color: #333;padding-bottom: 10px;}
        ul.filtr_container li .text_item p.details{font-size: 14px;color: #666;padding-bottom: 15px;}
        ul.filtr_container li .text_item span.pushbar{font-size: 14px;color: #1a7e67;}
    </style>
<body>
<div class="m_wrap">
    {include file="public/header" /}

    <!-- m_banner -->
    <div class="m_banner">
        <ul class="m_banner_slider clear">
            {volist name="banner" id="v" key="k"}
            <li>
                <div class="pic">
                    <img src="{$v.img_url}" alt="{$v.alt}">
                </div>
            </li>
            {/volist}
        </ul>
    </div>
    <!-- m_banner end -->
    <div class="crumbs">
        <i class="iconfont icon-zhuye"></i>
        <a href="/">主页</a>>
        <a href="/Solution.html">解决方案</a>
        <a class="fr"><i class="iconfont icon-fanhui1 __fanhui"></i></a>
    </div>
</div>

<div class="webpage" >

    <div class="clear">
        <div class="singlepro_top">
            <h3 class="title">解决方案</h3>
            <div class="text">概述了使用激光机进行雕刻、切割或者打标的典型行业与应用，选择标签了解其详情</div>
        </div>
    </div>
    <div class="webpage_detail">
        <div class="">
            <ul class="filter_menu">
                <li>
                    <select id="type">
                        <option value="0" data-id="0">
                            全部
                        </option>
                        {volist name="type" id="v" key="k"}
                        {if $v.id neq 16}
                        <option value="{$v.id}" {if $v.id eq $type1}selected="selected"{/if} data-id="{$v.id}">
                        {$v.name}
                        </option>
                        {/if}
                        {/volist}
                    </select>
                </li>
            </ul>
            <ul class="filtr_container filtr_content">
                {volist name="list" id="v" key="k"}
                <li>
                    <a href="/Solution/{$v.id}.html" class="filtr_nav am">
                        <div class="pic am">
                            <div class="pic_img am">
                                <img src="{$v.img_url}" alt="{$v.alt}">
                            </div>
                        </div>
                        <div class="text_item am">
                            <h3 class="_more am">{$v.name}</h3>
                            <p class="details">{$v.intro}</p>
                            <span class="pushbar am">查看详情</span>
                        </div>
                    </a>
                </li>
                {/volist}
            </ul>
        </div>
    </div>
</div>
{include file="public/footer" /}
<script type="text/javascript">
    $(".details").wordLimit(60);
    $("#type").bind("change",function () {
        var type = $(this).val();
        console.log(type);
        window.location.href='/Solution.html?type='+type;
        // $.ajax({
        //     type: "post",
        //     dataType: "json",
        //     url: '/home/Solution/getListBytype',
        //     data: {'type':type},
        //     success: function (res) {
        //         var success = JSON.parse(res);
        //         if(success.code===200){
        //             console.log(success.data);
        //             var html = '';
        //             $.each(success.data,function(index,value) {
        //                 var da = '<li class="filtr-item" data-category="1, 5">\n' +
        //                     '                    <a href="/Solution/'+value.uname+'-'+value.id+'.html" class="filtr_nav am">\n' +
        //                     '                        <div class="pic am">\n' +
        //                     '                            <div class="pic_img am">\n' +
        //                     '                                <img src="'+value.img_url+'" alt="'+value.alt+'">\n' +
        //                     '                            </div>\n' +
        //                     '                        </div>\n' +
        //                     '                        <div class="text_item am">\n' +
        //                     '                            <h3 class="_more am">'+value.name+'</h3>\n' +
        //                     '                            <p class="details">'+value.intro+'</p>\n' +
        //                     '                            <span class="pushbar am">查看详情</span>\n' +
        //                     '                        </div>\n' +
        //                     '                    </a>\n' +
        //                     '                </li>';
        //                 html+=da;
        //             });
        //             $('#list').html(html);
        //         }else {
        //
        //         }
        //
        //     }
        // });
    })

</script>

